<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">

<head>
    <title>Pano全景平台</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <link href="./bootstrap-3.3.7-dist/css/bootstrap.min.css" rel=" stylesheet">
    <script src="./js/jquery-3.4.1.min.js"></script>
    <script src="./bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="./work/home/tour.js"></script>
    <link href="./css/index.css" rel=" stylesheet">
    <style th:include="include/footer :: style"></style>
    <style th:include="include/nav :: style"></style>
</head>

<body>

<header>
    <div id="pano">
        <script src="./js/index.js"></script>
    </div>
    <nav th:include="include/nav :: nav"></nav>
    <div class="title_name">
        <div class="name">
            <span>全景重新记录世界</span>
        </div>
        <div class="button">
            <table align="center">
                <tr>
                    <td><a th:href="@{./home}" ><input type="button" value="进入首页" id="btnone" class="btn" style="width:10em;height: 3em;" /></a>
                    </td>
                    <td><input type="button" value="加入我们" id="btntwo" class="btn btn-primary"
                               style="width:10em;height: 3em;" /></td>
                </tr>
            </table>
        </div>
    </div>
</header>
<section>
    <div class="show_head">
        <span>优秀作品锦集</span>
    </div>
    <div class="show_work">
        <div class="work_show">
            <div>
                <a href="./work/Turkey1/tour.html">
                    <div class="show_photo">
                        <img src="./image/phtot%20(1).jpg" width="100%" height="100%">
                    </div>
                    <div class="photo_name">
                        <p>
                        <h4>土耳其</h4>
                        </p>
                        <p><span>作者：嘲笑鸟</span></p>
                    </div>
                </a>
            </div>
            <div>
                <a href="./work/changcheng12/tour.html">
                    <div class="show_photo">
                        <img src="./image/phtot%20(1).png" width="100%" height="100%">
                    </div>
                    <div class="photo_name">
                        <p>
                        <h4>万里长城</h4>
                        </p>
                        <p><span>作者：嘲笑鸟</span></p>
                    </div>
                </a>
            </div>
            <div>
                <a href="./work/cangcheng/tour.html">
                    <div class="show_photo">
                        <img src="./image/phtot%20(2).png" width="100%" height="100%">
                    </div>
                    <div class="photo_name">
                        <p>
                        <h4>万里长城月牙湾</h4>
                        </p>
                        <p><span>作者：嘲笑鸟</span></p>
                    </div>
                </a>
            </div>
            <div>
                <a href="./work/Turkey2/tour.html">
                    <div class="show_photo">
                        <img src="./image/phtot%20(3).png" width="100%" height="100%">
                    </div>
                    <div class="photo_name">
                        <p>
                        <h4>土耳其浪漫气球</h4>
                        </p>
                        <p><span>作者：嘲笑鸟</span></p>
                    </div>
                </a>
            </div>
            <div>
                <a href="./work/dubai%20(6)/tour.html">
                    <div class="show_photo">
                        <img src="./image/phtot%20(4).png" width="100%" height="100%">
                    </div>
                    <div class="photo_name">
                        <p>
                        <h4>迪拜夜景</h4>
                        </p>
                        <p><span>作者：嘲笑鸟</span></p>
                    </div>
                </a>
            </div>
            <div>
                <a href="./work/putaoya/tour.html">
                    <div class="show_photo">
                        <img src="./image/phtot%20(5).png" width="100%" height="100%">
                    </div>
                    <div class="photo_name">
                        <p>
                        <h4>葡萄牙佩纳宫</h4>
                        </p>
                        <p><span>作者：嘲笑鸟</span></p>
                    </div>
                </a>
            </div>
            <div>
                <a href="./work/jiuzaigou/tour.html">
                    <div class="show_photo">
                        <img src="./image/phtot%20(6).png" width="100%" height="100%">
                    </div>
                    <div class="photo_name">
                        <p>
                        <h4>九寨沟</h4>
                        </p>
                        <p><span>作者：嘲笑鸟</span></p>
                    </div>
                </a>
            </div>
            <div>
                <a href="./work/nijiala/tour.html">
                    <div class="show_photo">
                        <img src="./image/phtot%20(2).jpg" width="100%" height="100%">
                    </div>
                    <div class="photo_name">
                        <p>
                        <h4>加拿大尼亚加拉河</h4>
                        </p>
                        <p><span>作者：嘲笑鸟</span></p>
                    </div>
                </a>
            </div>
        </div>
        <div class="teach_pano">
            <div class="teach_pano_name">
                <p>
                <h4>全景学院</h4>
                </p>
                <p><span>为你扫除学习路上的一切障碍</span></p>
            </div>

            <div class="teach_pano_introduce">
                <div class="teach_pano_introduce_photo">
                    <div class="teach_pano_introduce_photo_one">
                        <p>轻松入门</p>
                        <p>从0开始学全景</p>
                        <p>从硬件安装调节到掌握拍摄方法、拼接技能</p>
                    </div>
                    <div class="teach_pano_introduce_photo_two">
                        <p>后期制作</p>
                        <p>如何创作一张人气百万的全景作品</p>
                        <p>全景摄影后期修图调色</p>
                    </div>
                    <div class="teach_pano_introduce_photo_three">
                        <p>综合知识</p>
                        <p>达到什么标准才是商业作品</p>
                        <p>商业案例及规范</p>
                    </div>
                </div>
            </div>

            <div class="select_morn">
                <input type="button" class="btn" value="查看更多" />
            </div>
        </div>
        <div class="server_pano">
            <div class="server_pano_name">
                <span>为创作者和市场提供全方位服务</span>
            </div>
            <div class="server_pano_work">
                <div>
                    <div class="server_pano_work_photo_one">

                    </div>
                    <div class="server_pano_work_text_one">
                        <p>图片市场</p>
                        <p>汇聚全球高品质正版授权全景图片资源，为你解决版权和用图困扰</p>
                        <input type="button" value="查看更多" class="btn" />
                    </div>
                </div>
                <div>
                    <div class="server_pano_work_photo_two"></div>
                    <div class="server_pano_work_text_two">
                        <p>拍摄服务</p>
                        <p>为商业拍摄需求实时调动720yun的创作者资源，为商业项目助力</p>
                        <input type="button" value="提交拍摄需求" class="btn" />
                    </div>
                </div>
                <div>
                    <div class="server_pano_work_photo_three"></div>
                    <div class="server_pano_work_text_three">
                        <p>全景硬件</p>
                        <p>以720yun原创全景云台为基准，为创作者提供最实用、最趁手的硬件设备</p>
                        <input type="button" value="官方商城" class="btn" />
                    </div>
                </div>
                <div>
                    <div class="server_pano_work_photo_four"></div>
                    <div class="server_pano_work_text_four">
                        <p>开发者中心</p>
                        <p>向具有二次开发能力的开发者提供：内容输出API、播放器SDK等服务，为第三方产品赋能</p>
                        <input type="button" value="查看简介" class="btn" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="show_background">
    <p><span>全景重新记录世界</span></p>
    <p><input type="button" class="btn btn-primary" value="加入我们" /></p>
</div>
<footer th:include="include/footer :: footer"></footer>
</body>

</html>